@charset "utf-8";
/* CSS Document  */


/* mobile nav */
.mnav {
	position: relative;
	z-index: 900;
	display: none;
}
.mnav.scroll-down .mheader {
	top: -100px;
}
.mnav.scroll-top .mheader, .mnav.scroll-top .mheader {
	top: 0px;
	background: #fff;
}
.mnav.scroll-top .mheader .mlogo, .mnav.scroll-top .mheader .mlogo {
	background: url("../logo.png") left center no-repeat;
	background-size: 100%;
}
.mnav.scroll-down .menu-toggle span.hamburger, .mnav.scroll-down .menu-toggle span.hamburger:after, .mnav.scroll-down .menu-toggle span.hamburger:before, .mnav.scroll-down .menu-toggle span.cross:before, .mnav.scroll-down .menu-toggle span.cross:after, .mnav.scroll-top .menu-toggle span.hamburger, .mnav.scroll-top .menu-toggle span.hamburger:after, .mnav.scroll-top .menu-toggle span.hamburger:before, .mnav.scroll-top .menu-toggle span.cross:before, .mnav.scroll-top .menu-toggle span.cross:after {
	background: #000;
}
.nav-container {
	padding-top: 90px;
}
.mheader {
	height: 50px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 93;
	width: 100%;
	overflow: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.mheader ul {
	height: 50px;
	position: relative;
	padding: 0 3%;
	margin: 0;
}
.mlogo {
	left: 10px;
	top: 50%;
	position: absolute;
	z-index: 94;
	display: block;
	width: 104px;
	height: 20px;
	margin-top: -10px;
	background: url("../logo.png") left center no-repeat;
	background-size: 100%;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.mlanguage {
	padding: 10% 0;
	text-align: center;
}
.mlanguage a {
	display: inline-block;
	margin: 0 2%;
	color: #666;
	font-size: 14px;
}
.mlanguage a:hover {
	opacity: 1;
}
.cd-nav {
	margin: 0;
	padding: 0;
}
.cd-nav li {
	width: 80%;
	margin: auto;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.cd-nav a {
	border-bottom: #65a8fa 1px solid;
	position: relative;
	display: block;
	width: 90%;
	font-weight: bold;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 17px;
	color: #fff;
	padding: 5% 0;
	margin: 0px auto;
	text-transform: uppercase;
	text-align: left;
}
.cd-nav a:hover, .twonav.curr {
	color: #fdce21;
}
.cd-nav li a.twonav {
	background: url(../right3.png) right center no-repeat;
	background-size: 3%;
}
.no-touch .mheader {
	background-color: #fff;
}
.menu-toggle {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9999;
}
.cd-nav-trigger {
	width: 100%;
	height: 100%;
	display: block;
}
.menu-toggle span.hamburger, .menu-toggle span.hamburger:after, .menu-toggle span.hamburger:before {
	content: "";
	display: block;
	width: 24px;
	height: 3px;
	background: #333;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -12px;
	-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition-delay: 0.15s;
}
.menu-toggle span.hamburger, .menu-toggle span.hamburger:after, .menu-toggle span.hamburger:before {
	content: "";
	display: block;
	width: 24px;
	height: 3px;
	background: #333;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -12px;
	-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition-delay: 0.15s;
}
.menu-toggle span.hamburger:after {
	margin-top: -7px;
	top: 0;
	transition-delay: 0.27s;
}
.menu-toggle span.hamburger:before {
	margin-top: 7px;
	top: 0;
	transition-delay: 0.2s;
}
.no-touch .menu-toggle span.hamburger, .no-touch .menu-toggle span.hamburger:after, .no-touch .menu-toggle span.hamburger:before {
	transition-delay: 0.12s;
	-webkit-transform: translateX(-70px);
	-moz-transform: translateX(-70px);
	-ms-transform: translateX(-70px);
	-o-transform: translateX(-70px);
	transform: translateX(-70px);
}
.no-touch .menu-toggle span.hamburger, .no-touch .menu-toggle span.hamburger:after, .no-touch .menu-toggle span.hamburger:before {
	-webkit-transform: translateX(70px);
	-moz-transform: translateX(70px);
	-ms-transform: translateX(70px);
	-o-transform: translateX(70px);
	transform: translateX(70px);
}
.no-touch .menu-toggle span.hamburger:after {
	transition-delay: 0s;
}
.no-touch .menu-toggle span.hamburger:before {
	transition-delay: 0.07s;
}
.menu-toggle span.cross:before, .menu-toggle span.cross:after {
	content: "";
	display: block;
	width: 24px;
	height: 3px;
	background: #333;
	position: absolute;
	top: 50%;
	margin-top: -1.5px;
	left: 50%;
	margin-left: -12px;
	-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
	-moz-transform: translateY(-70px) translateX(-70px) rotate(45deg);
	-ms-transform: translateY(-70px) translateX(-70px) rotate(45deg);
	-o-transform: translateY(-70px) translateX(-70px) rotate(45deg);
	transform: translateY(-70px) translateX(-70px) rotate(45deg);
	transition-delay: 0.12s;
}
.menu-toggle span.cross:after {
	transition-delay: 0s;
	-webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
	-moz-transform: translateY(70px) translateX(-70px) rotate(-45deg);
	-ms-transform: translateY(70px) translateX(-70px) rotate(-45deg);
	-o-transform: translateY(70px) translateX(-70px) rotate(-45deg);
	transform: translateY(70px) translateX(-70px) rotate(-45deg);
}
.menu-toggle span.cross:after {
	-webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
	-moz-transform: translateY(-70px) translateX(70px) rotate(-45deg);
	-ms-transform: translateY(-70px) translateX(70px) rotate(-45deg);
	-o-transform: translateY(-70px) translateX(70px) rotate(-45deg);
	transform: translateY(-70px) translateX(70px) rotate(-45deg);
}
.no-touch .menu-toggle span.cross:before {
	transition-delay: 0.12s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.no-touch .menu-toggle span.cross:after {
	transition-delay: 0.24s;
	-webkit-transform: rotate(-45deg) !important;
	-moz-transform: rotate(-45deg) !important;
	-ms-transform: rotate(-45deg) !important;
	-o-transform: rotate(-45deg) !important;
	transform: rotate(-45deg) !important;
}
.cd-nav-container {
	background-color: #0c58b4;
	position: fixed;
	z-index: 91;
	top: 0px;
	right: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
	-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
	transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}
.cd-nav-container.is-visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-overflow-scrolling: touch;
}
.cd-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
	-moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
	transition: opacity 0.4s 0s, visibility 0s 0.4s;
	z-index: 19;
}
.cd-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.4s 0s, visibility 0s 0s;
	transition: opacity 0.4s 0s, visibility 0s 0s;
}
.msearch {
	margin: 20px auto;
	width: 72%;
}
.msearch .icon {
	position: relative;
}
.msearch .minput {
	border: none;
	border-bottom: 1px solid #65a8fa;
	background: none;
	width: 100%;
	height: 30px;
	font-size: 12px;
	outline: none;
	color: #fff;
}
.msearch .msubmit {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	background: url("../ss1.png") center no-repeat;
	background-size: 100%;
	opacity: .3;
}
.minput::-moz-input-placeholder, .minput::-ms-input-placeholder, .minput::-webkit-input-placeholder {
color:#ccc;
}
input.minput[type="text"]::-webkit-input-placeholder {
color:#333;
}
.mchildren {
	display: none;
	width: 90%;
	border-bottom: 1px solid #65a8fa;
	margin: 0px auto;
	padding: 10px 0;
	position: relative;
}
.mchildren a {
	border-bottom: none;
	position: relative;
	display: block;
	width: 90%;
	font-size: 15px;
	color: #eee;
	padding: 0.8em 0;
}
.mchildren a:hover {
	background: none;
	color: #fdce21;
}
.mchildren a.threenav {
	background: url(../right3.png) right center no-repeat;
	background-size: 2%;
}
.shownav-c {
	position: relative;
	width: 100%;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.shownav-c.cur {
	height: auto;
}
.shownav-c ul {
	list-style: none;
	margin: auto;
	padding: 0;
	display: block;
	width: 90%;
	height: 100%;
}
.shownav-c ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	;
	width: 100%;
}
.shownav-c ul li a {
	font-weight: bold;
	border-bottom: #65a8fa 1px solid;
	position: relative;
	display: block;
	width: 90%;
	text-align: left;
	font-size: 14px;
	color: #ccc;
	padding: 4% 0;
	margin: 0px auto;
	text-transform: uppercase;
}
.closenav {
	display: block;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 5%;
	top: 10%;
	background: url("../left4.png") left center no-repeat;
	padding-left: 30px;
}
.closenav:hover {
	color: #fff;
}
.shownav-d {
	padding: 10px;
	width: 90%;
	margin: auto;
	border-bottom: #65a8fa 1px solid;
	display: none;
}
.shownav-d.cur {
	display: block;
}
.shownav-d a {
	display: block;
	color: #ccc!important;
	padding: 4% 5%!important;
	font-size: 14px!important;
	width: 90%!important;
	border: none!important;
}
.shownav-d a::after {
	display: none!important;
}
.cd-nav li ul div ul li a:last-child {
	border: none;
}
.interesting-list a .text h3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.hls-iproduct .iproduct.ip1 .txt {
	display: none;
}
#mbsybn {
	display: none;
}
#sypronav2, #sypronav3 {
	display: none !important;
}
@media screen and (max-width: 2600px) {
.index-about .about-item .content {
	height: auto;
	position: relative;
}
.index-about .about-item .left {
	position: absolute;
}
.index-about .about-item .left::after {
	right: 1px;
}
.index-about .about-item .left .title h2 {
	font-size: 54px;
}
}
 @media screen and (max-width: 1920px) {
.hls-iproduct .iproduct.ip1 img, .hls-iproduct .iproduct.ip2 img {
}
.hls-iproduct .iproduct a .pic img {
	height: auto;
}
.iacase li a img {
	min-height: 400px;
	max-height: 400px;
}
.inewslist .inews .pic img {
	min-height: 258px;
	max-height: 258px;
}
.interpretation.int2 .pic img {
	min-height: 650px;
	max-height: 650px;
}
.prodcutlist a .pic img, .otherprodcut a .pic img {
	height: auto;
}
.case .pic img {
	min-height: 343px;
	max-height: 343px;
}
.index-about .about-item .left::after {
	right: 0;
}
.index-about .about-item .left .title h2 {
	font-size: 30px;
}
}
 @media only screen and (min-width: 1680px) {
.containerpr {
	margin: auto 2.2%!important;
}
.containerpr0 {
	margin: auto 6.5%!important;
}
.containerqd {
	margin: auto 9.2%!important;
}
}
 @media screen and (max-width: 1800px) {
.lang-en .hls-page-case .ptitle h3 {
	font-size: 70px;
}
.lang-en .swiper-nnav .swiper-wrapper .swiper-slide a {
	font-size: 17px;
}
.index-scroll {
	left: -10px;
}
}


/* 1680 */
@media screen and (max-width: 1680px) {
.hls-iadvantages .text {
	width: 300%;
}
.hls-company-pic {
	width: 50%;
}
.histor-time-line {
	background: url("../hline.svg") center bottom no-repeat;
	background-size: 100%;
}
.interpretation .txt {
	padding: 2% 3% 5% 5%;
}
.interpretation.int2 .txt {
	padding: 5% 4% 0 4%;
}
.hls-brand .concept {
	margin-top: 10%;
}
.prodcutlist a .pic, .otherprodcut a .pic {
	height: auto;
}
.dealers-right {
	padding: 0;
}
.technical .left {
	width: 44%;
	padding: 0 3% 0 3%;
}
.technical .left .data li {
	width: 98%;
	padding: 13px 0;
	margin-bottom: 10px;
}
.swiper-time-prevD {
	left: 10%;
}
.swiper-time-nextD {
	right: 10%;
}
.lang-en .hls-page-case .ptitle h3 {
	font-size: 60px;
}
.lang-en .swiper-nnav .swiper-wrapper .swiper-slide a {
	font-size: 16px;
}
.index-about .about-item {
	width: auto;
}
.index-about .about-item .content {
	height: auto;
	position: relative;
}
.index-about .about-item .left {
	padding: 5% 3% 3.65% 5%;
}
.index-about .about-item .left .text, .index-about .title-style h6, .index-interesting .title h6, .contact-section .title-style .text {
	font-size: 14px;
	line-height: 24px;
}
.index-about .about-item .right .item li h6 {
	font-size: 12px;
	line-height: 22px;
}
.index-about .title-style {
	padding: 0px 0 10px 0;
}
.hls-iproduct .iproduct.ip1 img, .hls-iproduct .iproduct.ip2 img {
	height: auto;
}
.hls-iproduct .iproduct a .pic img {
 height: auto;
}
.iacase li a img {
	min-height: 350px;
	max-height: 350px;
}
.inewslist .inews .pic img {
	min-height: 250px;
	max-height: 250px;
}
.interpretation.int2 .pic img {
	min-height: 570px;
	max-height: 570px;
}
.prodcutlist a .pic img, .otherprodcut a .pic img {
	height: auto;
}
.case .pic img {
	min-height: 286px;
	max-height: 286px;
}
.pcrzshow {
	position: relative;
	left: auto;
	top: auto;
	margin-top: 10px;
}
.header-nav-show .content {
	width: 80%;
}
.item-nav .cnav li a h4 {
	font-size: 14px;
}
.item-nav .left .text {
	font-size: 12px;
	line-height: 22px;
}
.item-nav .left .btn span {
	font-size: 12px;
}
.item-nav .left {
	width: 30%;
}
.item-nav .right-nav ul.two {
	position: absolute;
	top: 0;
	left: 300px;
}
.item-nav .right-nav ul.three {
	position: absolute;
	top: 0;
	left: 300px;
}
.item-nav .right-nav ul li {
	list-style: none;
	width: 220px;
	padding-right: 40px;
}
 @keyframes topdown2 {
0% {
top:0;
}
50% {
top:2%;
}
100% {
top:0;
}
}
 @keyframes topdown {
0% {
top:10%;
}
50% {
top:12%;
}
100% {
top:10%;
}
}
}



/* 1440 */
@media screen and (max-width: 1440px) {
.index-about .title-style h6, .about-global .top .left .text {
	font-size: 14px;
	line-height: 24px;
}
.index-about .about-item {
	left: 0%;
	width: auto;
}
.index-about .about-item .left {
	padding: 5% 3% 4% 5%;
	position: absolute;
}
.about-item .title-style h2 {
	font-size: 40px;
	line-height: 50px;
}
.about-global .top {
	left: 10%;
	width: 80%;
}
.about-global .top .left {
	width: 50%;
}
.index-about .about-item .right .item li h2 strong {
	font-size: 50px;
}
.index-about .about-item .content {
	width: 90%;
}
.index-about .about-item .left .text {
	font-size: 12px;
	line-height: 22px;
}
.hls-iadvantages .text {
	font-size: 250px;
}
.inewslist .inews a .txt h5 {
	font-size: 13px;
	line-height: 22px;
	margin: 20px 0;
}
.hls-icontact .icontact a {
	font-size: 24px;
	width: 450px;
	height: 100px;
	line-height: 100px;
	margin-left: -225px;
	margin-top: -50px;
}
.prodcutlist a .txt h4 {
	font-size: 14px;
}
.prodcutlist a .txt h5 {
	font-size: 12px;
}
.dtitle {
	font-size: 20px;
}
.dtitle h2 {
	font-size: 30px;
}
.detailmain {
	width: 46%;
	padding-left: 5%;
}
.prodcutlist a, .otherprodcut a {
	width: 19%;
	margin: 0.3%;
}
.hls-page-case .ptitle h2 {
	width: 300%;
	font-size: 250px;
	line-height: 250px;
}
.casetitle h5 {
	font-size: 16px;
}
.caselistpic {
	width: 60%;
}
.caselistright {
	width: 32%;
	padding: 3% 0 0 8%;
}
.dealers-list a span h5 {
	font-size: 14px;
}
.dealers-list a span h6 {
	font-size: 14px;
	line-height: 23px;
}
.dealers-map {
	width: 58%;
}
.dealers-right {
	padding: 0 0 0 2%;
}
.dealers-list a {
	padding: 10px 0;
}
.scroll_wrap {
	height: 720px;
}
.technical .left .data li h5 {
	font-size: 14px;
}
.technical .left {
	width: 40%;
	padding: 0 3% 0 3%;
}
.technical .pic {
	width: 54%;
}
.hls-page-case .ptitle h3 {
	font-size: 60px;
}
.lang-en header .hls-header .right .hls-nav a {
	font-size: 14px;
}
.lang-en header .hls-header .right .other a {
	font-size: 14px;
}
.swiper-time-prevD {
	left: 5%;
}
.swiper-time-nextD {
	right: 5%;
}
.interpretation .txt {
	padding: 2% 0 5% 3%;
	width: 30%;
}
.interpretation .txt h5 {
	font-size: 12px;
	line-height: 26px;
}
.hls-brand .concept .main .text {
	width: 100%;
	font-size: 14px;
	line-height: 30px;
}
.hls-brand .advantage .main {
	width: 45%;
	padding: 5% 0 0 5%;
}
.download li h5 {
	font-size: 14px;
}
footer .hls-footer .leftnav ul {
	width: 17%;
}
.pdata .text {
	line-height: 30px;
}
.talentconcept .txt {
	width: 35%;
	padding: 2% 0 5% 10%;
}
.inewslist .inews a .txt h4 {
	font-size: 15px;
}
.lang-en .icase-nav.w800 {
	width: 700px;
}
.lang-en footer .hls-footer .leftnav ul {
	width: 20%;
}
.lang-en .container {
	margin: auto 3%;
}
.lang-en .hls-brand .brand .btitle h2 {
	font-size: 40px;
}
.lang-en .hls-brand .concept {
	margin-top: 10%;
}
.lang-en .hls-brand .advantage .main {
	width: 50%;
	padding: 3% 0 0 0;
}
.lang-en .certification {
	margin-left: 3%;
}
.lang-en .downloadnav {
	width: 94%;
}
.lang-en .download {
	margin-left: 3%;
	width: 97%;
}
.lang-en .hls-page-case .ptitle h3 {
	left: 3%;
}
.lang-en .nnav {
	right: 3%;
}
.lang-en .nnav a {
	font-size: 17px;
}
.lang-en .technical-nav a {
	width: auto;
	padding: 0 2%;
}
.lang-en .iacase {
	width: 97%;
	margin-left: 3%;
}
.lang-en .swiper-nnav .swiper-wrapper .swiper-slide a {
	font-size: 16px;
}
.hls-iproduct .iproduct.ip1 img, .hls-iproduct .iproduct.ip2 img {
	height: auto;
}
.hls-iproduct .iproduct a .pic img {
	height: auto;
}
.iacase li a img {
	min-height: 300px;
	max-height: 300px;
}
.inewslist .inews .pic img {
	min-height: 240px;
	max-height: 240px;
}
.interpretation.int2 .pic img {
	min-height: 489px;
	max-height: 489px;
}
.prodcutlist a .pic img, .otherprodcut a .pic img {
	height: auto;
}
.case .pic img {
	min-height: 257px;
	max-height: 257px;
}
.header-nav-show {
	top: 83px;
}
.header-nav-show .content {
	width: 90%;
}
.content {
	width: 80%;
}
.item-nav .cnav li {
	padding: 0px 0 15px 0;
}
.item-nav .cnav li a {
	padding-bottom: 15px;
}
.item-nav .cnav li a h4 {
	font-size: 14px
}
.interesting-list a .text h3 {
	font-size: 16px;
	line-height: 24px;
}
.page-banner .text {
	left: 10%;
}
}



/* 1366 */
@media screen and (max-width: 1366px) {
.contact-section .content .left .content-way li span h5 {
	font-size: 12px;
}
.header .content .right .search {
	width: 100px;
}
.header .content .center .nav li a {
	font-size: 14px;
	padding: 0 20px;
}
.product-range-list, .interesting-video, .evcharger-our-project .top {
	width: 85%;
}
.screen-banner-swiper .screen-banner-slide .text {
	left: 7%;
}
.contact-section .title-style .text {
	width: 70%;
}
.item-nav .left.w50 .img {
	width: 50%;
}
.content-form li .submit1 {
	width: 100%;
}
.title-style h2 {
	line-height: 40px;
}
.header .content .left {
	width: 25%;
}
.item-nav .right-nav ul li a h4, .item-nav .right-nav ul li ul li a h5, .index-products-center .top .text, .index-newslist a .text h2 {
	font-size: 14px;
}
.index-about .about-item .left .title h2 {
	font-size: 30px;
}
.index-newslist a .text {
	min-height: 85px;
}
.about-company-qualification .main {
	right: 5%;
}
.core-competence .absolute .item3 .item {
	width: 30%;
}
.company-honor .title-style {
	margin-left: 10%;
}
.swiper-r {
	right: 10%;
}
.lbtip {
	left: 10%;
}
.investors-date .left .ld2 .txt1 {
	font-size: 60px;
}
.investors-date .right li h3 strong {
	font-size: 20px;
}
.investors-date .left, .service-support .right .item3 .title {
	width: 40%;
}
.investors-date .right, .service-support .right .text {
	width: 60%;
}
.announcement-list li a h3, .interesting-list a .text h3, .service-support .right .text, .faq-list .title h3, .faq-list ul, .youchong-content .text .title h5, .youchong-content .text .txt li h5, .icon4 li span {
	font-size: 14px;
}
.page-banner .text h2 {
	font-size: 30px;
}
.page-banner .text h3 {
	font-size: 40px;
}
.service-faq .left .leftnav a {
	font-size: 16px;
}
.product-range-list .item .img img {
	max-height: 80%;
}
.evcharger-solution-banner .item4 {
	width: 90%;
	left: 5%;
}
.evcharger-solution-banner .item4 a h6, .evcharger-advantage .item4 a .text h6 {
	font-size: 12px;
}
.evcharger-advantage .item3 .text {
	width: 80%;
}
.screen-2-1 .main .text {
	margin-bottom: 120px;
}
.screen-2-5 .main .text img {
	width: 70%;
}
.screen-7 .swiper-right .swiper-text .item .title-1 h3 {
	font-size: 24px;
}
.item-nav .right-nav {
	width: 66%;
	margin-left: 3%;
}
.item-nav .right-nav ul.two {
	position: absolute;
	top: 0;
	left: 280px;
}
.item-nav .right-nav ul.three {
	position: absolute;
	top: 0;
	left: 280px;
}
.item-nav .right-nav ul li {
	list-style: none;
	width: 200px;
	padding-right: 40px;
}
.screen-2-1 .img .productimg {
	bottom: -10%;
}
.screen-2-6 .img .productimg {
	right: 5%;
}
.screen-3-3 .chedonghua .chepicb1 .chpicl {
	top: 9%;
}
.item-av6 h5, .product-range-list .item .text h5 {
	font-size: 12px;
	line-height: 22px;
}
/*新增结束*/
.index-about .about-item .left .title h2, .index-about .about-item .right .item li h2 strong {
	font-size: 40px;
}
.index-about .about-item .right .item li h6, .index-about .about-item .left .text, .swiper-history .swiper-history-time .text {
	font-size: 12px;
	line-height: 22px;
}
.index-about .about-item .left {
	padding: 3.5% 3% 3% 5%;
}
.index-about .about-item .right {
	width: 45%;
}
.index-about .about-item .left {
	width: 47%;
	height: 90%;
}
.index-about .about-item .content {
	width: 100%;
}
.index-about .about-item .left .title h2 {
	font-size: 30px;
}
footer .hls-footer .leftnav ul {
	width: 18%;
}
.title h2 {
	font-size: 40px;
}
.iacase li a h4 {
	font-size: 18px;
}
.inewslist .inews a .txt h4 {
	font-size: 14px;
}
.inewslist .inews a .txt h5 {
	font-size: 12px;
	line-height: 20px;
}
.hls-page-about .ptitle h2 {
	font-size: 250px;
	line-height: 250px;
	width: 300%;
}
.hls-page-about .ptitle h3 {
	font-size: 70px;
}
.aboutnav {
	width: 65%;
}
.hls-company {
	padding: 7% 5%;
}
.interpretation .txt {
	padding: 1% 0 0 3%;
	width: 30%;
}
.interpretation .txt h5 {
	font-size: 14px;
	line-height: 22px;
}
.hls-brand .concept .main .text {
	width: 100%;
	font-size: 14px;
	line-height: 30px;
}
.hls-brand .advantage .main {
	width: 50%;
	padding: 5% 0 0 0;
}
.download li h5 {
	font-size: 14px;
}
.hls-page-case .ptitle h3 {
	font-size: 70px;
}
.storestxt h4, .project .txt h4 {
	font-size: 14px;
	line-height: 30px;
}
.viewmap {
	font-size: 12px;
}
.technical .left .data li span h3 {
	font-size: 16px;
}

.nnav.w45b a {
	font-size: 16px;
}
.lang-en header .hls-header .right .hls-nav a {
	margin-right: 30px;
}
.scroll_wrap {
	height: 700px;
}
.lang-en .hls-page-case .ptitle h3 {
	width: 40%;
}
.lang-en .swiper-nnav .swiper-wrapper .swiper-slide a {
	font-size: 14px;
}
.hls-iproduct .iproduct.ip1 img, .hls-iproduct .iproduct.ip2 img {
	height: auto;
}
.hls-iproduct .iproduct a .pic img {
	height: auto;
}
.iacase li a img {
	min-height: 285px;
	max-height: 285px;
}
.inewslist .inews .pic img {
	min-height: 234px;
	max-height: 234px;
}
.interpretation.int2 .pic img {
	min-height: 462px;
	max-height: 462px;
}
.prodcutlist a .pic img, .otherprodcut a .pic img {
	min-height: 234px;
	max-height: 234px;
}
.case .pic img {
	min-height: 244px;
	max-height: 244px;
}
}




/* 1280 */
@media screen and (max-width: 1280px) {
.contact-section .content, .index-newscenter, .header-nav-show .content, .footer .content, .screen-banner-bottom-nav {
	width: 90%;
}
.header .content .center .nav li a {
	line-height: 75px;
}
.header .content .right {
	padding-top: 25px;
}
.header .content .right .language .icon {
	font-size: 12px;
	line-height: 18px;
}
.index-products-center .top .text, .interesting-detail-text, .evcharger-data .item li h5 {
	font-size: 14px;
	line-height: 24px;
}
.header-nav-show .content .nav-content {
	padding: 3% 0;
}
.header .content .left {
	height: 75px;
}
.header-nav-show {
	top: 76px;
}
.header-height {
	height: 75px;
}
.bannerpic {

}
.content {
	width: 90%;
}
.page-banner .text {
	left: 5%;
}
.screen-banner-swiper .screen-banner-slide .btn-2 {
	margin-top: 30px;
}
.interesting-video {
	padding: 100px 0 40px 0;
}
.item-nav .right-nav {
	width: 71%;
}
/*新增结束*/

.hls-company .company .text {
	padding: 8% 0;
	font-size: 14px;
	line-height: 30px;
}
.interpretation .txt h2 {
	font-size: 40px;
}
.interpretation .txt h5 {
	font-size: 13px;
}
.hls-brand .brand .btitle h2 {
	font-size: 50px;
}
.hls-brand .advantage .main {
	padding: 0;
}
.pdata .text {
	font-size: 12px;
	line-height: 26px;
}
.pdata h4 {
	font-size: 14px;
	border-bottom: 1px solid #1b1b1b;
	padding: 5px 0;
}
.dtitle {
	font-size: 18px;
}
.otherprodcut a .txt h4, .casetitle h5 {
	font-size: 14px;
}
.otherprodcut a .txt h5 {
	font-size: 12px;
}
.casetitle h5 {
	padding: 5px 0;
}
.storestxt h4 {
	line-height: 24px;
	padding: 8% 0;
}
.stores .swiper-button-ctrl {
	margin-top: 80px;
}
.technical .left {
	width: 40%;
	padding: 0 3% 0 0;
}
.technical .left .data li h5 {
	font-size: 12px;
	padding: 0 0 0 5%;
	width: 60%;
}
.technical .pic {
	width: 57%;
}
.technical .left .data li span {
	min-width: 30%;
}
.technical .left .data li span h3 {
	font-size: 14px;
}
.technical:last-child .left {
	width: 40%;
	padding: 0 0 0 3%;
}
.serviceconsulting .left ul {
	padding: 5% 0;
}
.recruitment {
	width: 90%;
}
.talentconcept .txt {
	width: 35%;
	padding: 0 0 5% 10%;
}
.talentconcept .txt .text {
	padding: 10% 0 0 0;
	font-size: 14px;
	line-height: 30px;
}
.xy-index-banner .text h2 {
	font-size: 40px;
}
.xy-index-banner .text h3 {
	font-size: 20px;
}
.swiper-time-prevD {
	left: 1%;
}
.swiper-time-nextD {
	right: 1%;
}
.nnav.w45b a {
	font-size: 14px;
}
.lang-en .hls-page-case .ptitle h3 {
	font-size: 60px;
}
.hls-iproduct .iproduct.ip1 img, .hls-iproduct .iproduct.ip2 img {
	height: auto;
}
.hls-iproduct .iproduct a .pic img {
	height: auto;
}
.iacase li a img {
	min-height: 267px;
	max-height: 267px;
}
.inewslist .inews .pic img {
	min-height: 219px;
	max-height: 219px;
}
.interpretation.int2 .pic img {
	min-height: 435px;
	max-height: 435px;
}
.prodcutlist a .pic img, .otherprodcut a .pic img {
	min-height: 219px;
	max-height: 219px;
}
.case .pic img {
	min-height: 229px;
	max-height: 229px;
}
}




/* 1152 */
@media screen and (max-width: 1152px) {
.inside-pages .header .content .left .stockcode {
	margin-left: 110px;
	padding-left: 10px;
}
.header .content, .header-nav-show .content, .footer .content, .contact-section .content, .index-interesting {
	width: 94%;
}
.header .content .center .nav li a {
	padding: 0 5px;
}
.item-nav .left.w50 {
	width: 60%;
}
.item-nav .cnav {
	width: 20%;
	padding: 0 5% 0 5%;
}
.item-nav .left {
	padding-right: 5%;
}
.item-nav .cnav .email h3 a {
	font-size: 18px;
}
.item-nav .cnav li a h4, .screen-banner-swiper .screen-banner-slide .btn-2 a span, .interesting-list a .text h5, .video-list-bottom a .text h3, .evcharger-data .item li h5, .product-range-list .item-2 .text h5, .index-about .title-style h6 {
	font-size: 12px;
	line-height: 22px;
}
.item-nav .cnav li {
	padding: 0px 0 10px 0;
}
.item-nav .cnav li a {
	padding-bottom: 10px;
}
.screen-banner-swiper .screen-banner-slide .text h1, .page-banner .text h2 {
	font-size: 40px;
	line-height: 44px;
}
.interesting-video {
	padding: 100px 0 0px 0;
}
.content {
	width: 94%;
}
.index-about .title-style h6 {
	font-size: 12px;
	line-height: 22px;
}
index-about .about-item .left .title h2, .index-about .about-item .right .item li h2 strong {
	font-size: 30px;
	line-height: 30px;
}
.index-about .about-item .right .item li h6, .index-about .about-item .left .text {
	line-height: 20px;
}
.index-about .about-item .left .play {
	margin-top: 20px;
}
.index-about .about-item .left .play a {
	padding: 10px 20px;
}
.index-about .about-item {
	left: 2.5%;
	width: 94%;
}
.index-about .about-item .left {
	padding: 3.5% 3% 3% 3%;
}
.index-about .about-item .right {
	width: 47%;
}
/*新增结束*/

header .hls-header .right .hls-nav a {
	font-size: 15px;
	margin-right: 30px;
}
header .hls-header .right .other a {
	font-size: 15px;
}
.hls-iadvantages .right {
	padding: 3% 5% 0 5%;
}
.inewslist .inews a .txt h5 {
	display: none;
}
.inewslist .inews a .txt h6 {
	padding: 5% 0;
}
header.header-fixed .hls-header .right .hls-nav a {
	margin-right: 30px;
}
.interpretation .txt h5 {
	font-size: 12px;
}
.hls-brand .advantage .main .text li {
	font-size: 14px;
}
.electricity a {
	width: 30.3333333%;
}
.nnav a {
	font-size: 14px;
}
.lang-en .hls-page-case .ptitle h4 {
	font-size: 12px;
}
.hls-iproduct .iproduct.ip1 img, .hls-iproduct .iproduct.ip2 img {
	min-height: auto;
	max-height: none;
}
.hls-iproduct .iproduct a .pic img {
	min-height: auto;
	max-height: none;
}
.iacase li a img {
	min-height: auto;
	max-height: none;
}
.inewslist .inews .pic img {
	min-height: auto;
	max-height: none;
}
.interpretation.int2 .pic img {
	min-height: auto;
	max-height: none;
}
.prodcutlist a .pic img, .otherprodcut a .pic img {
	min-height: auto;
	max-height: none;
}
.case .pic img {
	min-height: auto;
	max-height: none;
}

}


/* 1024 */
@media screen and (max-width: 1024px) {
.hls-page-newsdetail {
	width: 90%;
	padding: 5% 0;
}
}



/* 860 */
@media screen and (max-width: 860px) {
.news-detail-page {margin:20px auto;}	
.wbsite{ width:99%; margin:30px 0%; border:1px solid #eee; float:none!important; min-height:210px;}
.wbsite h2{ height:40px; line-height:40px; background:#eee; margin-bottom:10px;}
.wbsite a{ display:block; float:left; line-height:40px; width:46%; margin-left:3.3%; font-size:16px;}

/*.ip2,.ip3,.ip4,.ip5{ display:none;}*/
.header, .aside-top, .pcshow {
	display: none!important;
}
.mnav, .mbshow {
	display: block!important;
}
.header-height {
	height: 56px !important;
}
.bannerpic {

}
.prodcutnav .swiper-slide {
	display: inline-block;
	border-right: none;
}
.prodcutnav a i {
	display: block;
	width: 50px!important;
	height: 50px!important;
	margin: auto;
}
header, .pcshow, .suspension {
	display: none!important;
}
.mbshow, .nav_mobile {
	display: block!important;
}
.rolling-top {
	display: none!important;
}
footer .hls-footer {
	padding: 10% 0;
}
footer .hls-footer .leftnav {
	display: none
}
footer .hls-footer .right {
	width: 100%;
	float: none;
	text-align: center;
}
footer .hls-footer .right ul {
	float: none;
}
footer .hls-footer .right ul a.flogo {
	margin: auto;
}
footer .hls-footer .right ul li {
	text-align: center;
}
footer .hls-footer .right ul:last-child a {
	display: block;
}
.xy-index-banner .text {
	width: 90%;
	left: 5%;
	top: 35%;
	margin-left: 0px;
}
.xy-index-banner .text h2 {
	font-size: 20px;
}
.xy-index-banner .text.left {
	left: 5%;
}
.xy-index-banner .text.right {
	right: 5%;
}
.xy-index-banner .text h6 {
	font-size: 14px;
	width: 140px;
	height: 42px;
	line-height: 42px;
}
.title h2 {
	font-size: 24px;
}
.title h3 {
	font-size: 18px;
}
.ptb5 {
	padding: 15% 0;
}
.ptpp5 {
	padding-top: 15%;
}
.tmore {
	width: 70px;
	top: 45%;
}
.tmore a {
	font-size: 12px;
	padding-bottom: 10px;
}
.hls-iproduct .iproduct, .hls-iproduct .iproduct.ip3, .hls-iproduct .iproduct.ip1, .hls-iproduct .iproduct.ip2, .hls-iproduct .iproduct.ip5, .hls-iproduct .iproduct.ip4 {
	margin: 2% 0px;
	width: 100%;
	max-width: 100%;
	float: none;
	height: auto;
}
.hls-iproduct .iproduct.ip1 .txt {
	display: block;
	background: #fff;
	bottom: 0px;
	padding-bottom: 8px;
}
.hls-iproduct .iproduct .txt h4 {
	font-size: 18px;
}
.hls-iproduct .iproduct .txt h5 {
	font-size: 14px;
}
.hls-iadvantages .left {
	float: none;
	width: 100%;
}
.hls-iadvantages .right {
	float: none;
	width: 90%;
	padding: 10% 5% 0 5%;
	margin-bottom: 10%;
}
.imore a {
	font-size: 14px;
	width: 130px;
	height: 42px;
	line-height: 42px;
}
.icase-nav {
	width: 100%;
	height: 40px;
	position: relative;
	right: auto;
	bottom: auto;
	padding: 10% 0 0 0;
}
.icase-nav .swiper-slide li::after {
	width: 100%;
	left: 0;
}
.icase-nav.w800 {
	width: 100%;
}
.iacaselist .imore {
	margin-left: -62px;
}
.iacaselist .swiper-slide {
	padding-bottom: 40px;
}
.hls-inews {
	padding: 15% 0 3% 0;
}
.inewslist .inews {
	width: 100%;
	float: none;
	margin-bottom: 3%;
}
.inewslist .inews a .pic {
	width: 100%;
	float: none;
}
.inewslist .inews a .txt {
	position: relative;
	right: auto;
	top: auto;
	width: 90%;
	height: auto;
	padding: 5%;
	overflow: hidden;
}
.inewslist .inews a .txt h5 {
	display: block;
}
.inewslist .inews a .txt h6 {
	padding: 0;
}
.inewslist .inews:nth-child(3) .txt, .inewslist .inews:nth-child(4) .txt {
	left: auto;
	right: auto;
}
.hls-icontact .icontact a {
	font-size: 20px;
	width: 60%;
	height: 50px;
	line-height: 50px;
	margin-left: 0;
	margin-top: -25px;
	left: 20%;
}
.pathbg {
}
.hls-page-about .ptitle h2 {
	font-size: 200px;
	line-height: 200px;
	width: 1000%;
}
.hls-page-about .ptitle h3 {
	font-size: 40px;
	width: 100%;
	left: 0;
	margin-left: 0px;
	text-align: center;
	bottom: 30%;
}
.aboutnav {
	width: 100%;
}
.aboutnav li a i {
	margin-top: 0;
}
.aboutnav li a {
	padding: 10px 0;
}
.hls-company-pic, .hls-company-pic2 {
	position: relative;
	right: auto;
	top: auto;
	width: 100%;
}
#hls-c2 .company {
	margin-left: 0;
	width: 100%;
}
.pt130 {
	padding-top: 10%;
}
.hls-company .company {
	width: 100%;
}
.hls-history {
	padding: 20% 0;
}
.histor-time h3 {
	padding: 20px 0;
	font-size: 20px;
}
.histor-time-line {
	background: url(../upload/hline.svg) center bottom no-repeat;
	background-size: 400%;
}
.histor-main {
	width: 100%;
	margin: 50px auto auto;
}
.histor-main li {
	font-size: 14px;
	line-height: 26px;
}
.hls-interpretation {
	padding: 20% 0;
}
.interpretation .pic {
	width: 100%;
	float: none;
}
.interpretation .txt {
	position: relative;
	width: 100%;
	height: auto;
	left: auto;
	top: auto;
	padding: 5% 0;
}
.interpretation.int2 .pic, .interpretation.int2 .pic:last-child {
	width: 100%;
	float: none;
}
.interpretation.int2 .txt {
	width: 100%;
	left: auto;
	padding: 5% 0;
}
.hls-brand {
	background-size: 200%;
}
.hls-brand .brand .btitle h4 {
	font-size: 16px;
}
.hls-brand .brand .btitle h2 {
	font-size: 22px;
}
.hls-brand .concept .pic {
	width: 100%;
	float: none;
	margin-top: 5%;
}
.hls-brand .brand .txt {
	text-align: center;
	font-size: 12px;
	line-height: 19px;
	position: relative;
	right: auto;
	top: auto;
}
.hls-brand .concept .main {
	width: 100%;
	padding: 10% 0;
	float: none;
}
.hls-brand .advantage .main {
	width: 100%;
	padding: 5% 0 0 0;
}
.hls-brand .advantage .pic {
	width: 100%;
	float: none;
}
.hls-brand .advantage .main .text {
	width: 100%;
	padding: 5% 0;
	font-size: 14px;
	line-height: 30px;
}
.title h6 {
	font-size: 14px;
	line-height: 28px;
	adding: 30px 0;
	width: 100%;
}
.swiper-button-nextC, .swiper-button-prevC, .swiper-button-nextD, .swiper-button-prevD {
	display: none;
}
.certification li {
	padding: 10%;
}
.certification li .dtable, .certification li .dtable-cell, .certification li img {
	height: 150px;
	max-height: 150px;
}
.downloadlist {
	padding: 10% 0;
}
.hls-page-container#A6 {
	padding: 10% 0;
	overflow: hidden;
}
.prodcutnav .swiper-wrapper {
	display: flex;
}
.prodcutnav2 {
	padding: 5% 0;
}
.prodcutnav2 a {
	padding: 5px 10px;
	font-weight: normal!important;
}
.prodcutlist a, .otherprodcut a {
	width: 49% !important;
	margin: 0.5%;
	float: left;
	display: block;
}
.prodcutlist {
	padding: 5% 0 15% 0;
	width: 101%;
}
.hls-page-prodcut {
	width: 101%;
	margin-left: -1%;
}
.detailpic {
	float: none;
	width: -webkit-calc(100% - 2px);
	width: -moz-calc(100% - 2px);
	width: calc(100% - 2px);
}
.detailpic .swiper-button-next, .detailpic .swiper-button-prev {
	width: 60px;
	height: 40px;
	bottom: 0px;
}
.detailpic .swiper-button-prev {
	right: 61px;
}
.detailpic .swiper-pagination.swiper-pagination-fraction {
	bottom: 3%;
}
.detailmain {
	width: 100%;
	padding: 5% 0;
}
.hls-page-prodcutdetail {
	padding: 5% 0 15% 0;
}
.dtitle {
	font-size: 16px;
}
.dtitle h2 {
	font-size: 20px;
}
.pdata ul li {
	font-size: 12px;
	margin-right: 10%;
	width: auto;
}
.otherprodcut a:last-child {
	display: none;
}
.hls-page-otherprodcut .prodcutnav {
	padding: 10% 0;
}
.hls-page-case .ptitle h2 {
	width: 1000%;
	font-size: 200px;
	line-height: 200px;
}
.hls-page-case .ptitle h3 {
	font-size: 40px;
	bottom: auto;
	top: 30%;
	left: 2%;
}
.hls-page-case .ptitle h4 {
	position: relative;
	width: 90%;
	right: auto;
	bottom: auto;
	font-size: 14px;
	line-height: 24px;
	margin: auto;
}
.caselistpic {
	width: 100%;
}
.caselistright {
	width: 90%;
	padding: 5%;
}
.caselistright.clr2, .caselistpic.clpic2, .caselistpic.clpic4 {
	float: left;
}
.hls-icontact img {
	width: 200%;
}
.casedetail {
	width: 100%;
}
.case {
	float: none;
	width: 100%;
	margin: 1% 0;
}
.hls-page-casedetail {
	padding: 5% 0 15% 0;
}
.nnav {
	right: auto;
	left: 0;
	bottom: auto;
	width: 100%;
	text-align: left;
	position: relative;
	margin: -50px auto auto;
}
.nnav a {
	font-size: 14px;
	margin-left: 0;
	padding: 8px;
	overflow: hidden;
	margin-bottom: 10px;
	display: block;
	text-align: center;
}
.swiper-nnav .swiper-wrapper {
	display: flex;
}
.swiper-nnav .swiper-wrapper .swiper-slide {
	width: auto;
	padding-left: 10px;
}
.pagenum {
	padding: 1% 0 15% 0;
}
.hls-page-newsdetail {
	width: 96%;
	padding: 5% 0;
}
.hls-page-path {
	line-height: 22px;
}
.hls-page-newsdetail .title h2 {
	font-size: 20px;
}
.news-detail-page a.prev, .news-detail-page a.next {
	text-indent: -999px;
	background-size: 26%;
	width: 30px;
}
.storespic, .stores.stores2 .storespic {
	float: none;
	width: 100%;
}
.storestxt {
	width: 100%;
	position: relative;
	height: auto;
	right: auto;
	top: auto;
	padding: 5% 0;
}
.stores {
	margin-bottom: 15%;
}
.stores.stores2 .storestxt {
	right: auto;
	left: 0;
}
.storestxt h2 {
	font-size: 20px;
}
.dealers-map {
	float: none;
	width: 100%!important;
	min-height: 300px;
	max-height: 300px;
	height: 300px!important;
	overflow: hidden;
	background: #333;
	border: none;
}
.dealers-right {
	float: none;
	width: 100%;
	padding: 5% 0%;
}
.dealers-list {
	margin: 5% 0 5% 0;
	height: 400px;
	overflow: auto;
}
.scroll_cont {
	padding-right: 0%;
}
.scroll_wrap {
	height: auto;
}
.scroll_bar {
	display: none;
}
.scroll_cont {
	height: auto;
}
.electricity a {
	width: 100%;
	height: 210px;
	margin: 1% 0;
}
.electricity {padding-bottom: 20px !important;}
.feedback {
	padding-bottom: 13%;
	width: 90%;
	margin: auto;
}
.feedback li {
	width: 100%;
	margin: 1% 0;
}
.textarea3 {
	width: 94.5%;
}
.submit3 {
	width: 98%;
}
.technical-nav a {
	line-height: 63px;
	width: 30%;
}
.technical .left {
	width: 100%;
	padding: 5% 0;
}
.technical .pic {
	width: 100%;
}
.technical:last-child .left {
	width: 100%;
	padding: 5% 0;
}
.serviceconsulting .left {
	float: none;
	width: 100%;
}
.serviceconsulting .right {
	float: none;
	width: 100%;
	padding: 0%;
}
.serviceconsulting .right li .submit1 {
	width: 100%;
}
.contact {
	margin-bottom: 10%;
}
.project {
	margin-bottom: 10%;
}
.project .pic {
	float: none;
	width: 100%;
}
.project .txt {
	width: 100%;
	position: relative;
	height: auto;
	right: auto;
	top: auto;
	padding: 5% 0;
}
.project .txt h2 {
	font-size: 20px;
}
.project .txt h4 {
	padding: 5% 0;
}
.project.project2 .txt {
	right: auto;
	left: auto;
}
.jobtitle span, .joblist li a span {
	width: 30%;
}
.jobtitle span:last-child, .joblist li a span:last-child, .jobtitle span:nth-child(2), .joblist li a span:nth-child(2) {
	display: none;
}
.joblist li a {
	padding: 5% 5%;
}
.jobli li {
	width: 50%;
	float: left;
}
.jobbtn {
	margin: 30px 0;
}
.talentconcept .pic {
	float: none;
	width: 100%;
}
.talentconcept .txt {
	width: 100%;
	float: none;
	padding: 5% 0;
}
.nnav.num3, .nnav.num4 {
	text-align: left;
}
.nnav.num3 .swiper-wrapper, .nnav.num4 .swiper-wrapper {
	display: flex;
}
.dealers {
	padding-bottom: 13%;
}
.pcrzshow {
	position: relative;
	left: auto;
	top: auto;
	margin-top: 10px;
}
.joinapply .select3 {
	background: url(../images/sj.png) 95% center no-repeat;
}
.joblist li a span {
	font-size: 14px;
}
.swiper-nnav {
	text-align: left;
}
.lang-en .aboutnav li a h5 {
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 85%;
}
.lang-en .hls-company .company .text {
	text-align: left;
}
.swiper-time-nextD, .swiper-time-prevD {
	display: none;
}
.prodcutnav2 a {
	display: inline-block;
}
.otherprodcut a .txt h4 {
	min-height: 17px;
}
.lang-en .icase-nav.w800 {
	width: 100%;
}
.lang-en .hls-brand .brand .btitle h2 {
	font-size: 20px;
}
.lang-en .hls-brand .advantage .main {
	width: 100%;
}
.lang-en .prodcutnav2 a {
	font-size: 12px;
}
.lang-en .hls-page-case .ptitle h3 {
	font-size: 30px;
	width: 100%;
	top: 100px;
}
.lang-en .hls-icontact .icontact a {
	font-size: 14px;
}
.tmore {
	width: 80px;
}
.dealers-search select option {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.lang-en .technical-nav a {
	font-size: 12px;
	line-height: 40px;
}
.lang-en .jobtitle span, .lang-en .joblist li a span {
	width: 50%;
}
.lang-en .hls-iadvantages .right .iadvantages ul li {
	width: 82%;
	padding: 0 0 0 3%;
	margin-top: -8px;
}
.lang-en .hls-iadvantages .right .iadvantages ul li h5 {
	font-size: 12px;
	line-height: 20px;
}
.lang-en .hls-iadvantages .right .iadvantages ul li h4 {
	font-size: 12px;
	line-height: 20px;
}
.lang-en .icase-nav .swiper-slide li {
	margin: 0;
}
.lang-en .interpretation.int2 .txt {
	padding: 5% 0 0 0;
}
.lang-en .hls-brand .concept .main {
	padding: 13% 0 0 0;
}
.lang-en .hls-brand .concept .main .text {
	line-height: 22px;
	text-align: left;
}
.lang-en .hls-brand .advantage .main .text {
	width: 100%;
}
.lang-en .hls-brand .advantage .main .text span {
	display: none;
}
.lang-en .hls-brand .advantage .main .text strong {
	display: block;
}
.lang-en .hls-brand .advantage .main .text li::before {
	left: 0;
	position: absolute;
	top: 13px;
}
.lang-en .hls-brand .advantage .main .text li {
	padding-left: 20px;
}
.lang-en .serviceconsulting .left h3 {
	font-size: 18px;
	line-height: 28px;
}
.lang-en .serviceconsulting .left ul h4 {
	font-size: 16px;
}
.lang-en .serviceconsulting .left ul li {
	font-size: 12px;
	line-height: 22px;
}
.lang-en .serviceconsulting .left ul h5 {
	font-size: 14px;
	padding-bottom: 5px;
}
.lang-en .jobtitle span:nth-child(3) {
	display: none
}
.lang-en .joblist li a span:nth-child(3) {
	display: none
}
.bannerpic img.pcshow {
	display: none!important;
}
.bannerpic img.mbshow {
	display: block!important;
}
.white_content {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-left: -0px;
	margin-top: -0px;
	background: #fff;
}
.white_content .dtable {
	height: 100%
}
.white_content .dtable .dtable-cell {
	height: 100%!important;
}
.white_content form {
	position: inherit;
}
#otherprodcutsy a, #sypro1, #sypro2, #sypro3, #sypro4 {
	width: 100% !important;
	margin: 1% 0!important;
float：none;
	display: block;
	background: #ededed;
}
.prodcutlist a .txt {
	min-height: 60px;
}
.searchlist h3 {
	font-size: 20px;
}
.prodcutlist a, .otherprodcut a, #otherprodcutsy a {
	width: 99%;
}
#otherprodcutsy a .pic img {
	border-radius: 0px!important;
}
.prodcutlist a .pic, .otherprodcut a .pic {
	max-width: 100%;
	max-height: none;
	min-height: auto;
	text-align: center;
}
.hls-iproduct .iproduct .pic img {
	border-radius: 0px;
}
.hls-iproduct .iproduct .txt {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 100%;
	z-index: 3;
}
.index-about .img img {
	max-width: 500%;
	width: 500%;
	margin-left: -50%;
}
.index-about .about-item {
	top: 0;
	left: 0%;
	width: 100%;
	margin-top: 0px;
}
.index-about .title-style h6, .index-products-center .top .text, .index-interesting .title h6, .screen-banner-swiper .screen-banner-slide .btn-2 a span, .interesting-list a .text h5 {
	font-size: 12px;
	line-height: 22px;
}
.index-about .about-item .left .title h2, .index-interesting .title h2 {
	font-size: 30px;
}
.index-about .about-item .left {
	width: 90%;
	height: 90%;
	padding: 5%;
	float: none;
	position: relative;
}
.index-about .about-item .right {
	width: 100%;
	float: none;
	padding: 0;
}
.index-about .about-item .right .item li {
	overflow: hidden;
	padding: 5% 5% 0 10%;
}
.index-about .about-item .right::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .3;
}
.index-about .about-item .right .item li h6 {
	line-height: 18px;
}
.index-about .about-item .left::after {
	display: none;
}
.index-about .about-item .left .title h2 {
	font-size: 20px;
}
.index-about .about-item .left .title h4 {
	font-size: 14px;
}
.index-about .about-item .right .item li {
	padding: 15% 10% 5% 10%;
	width: 80%;
}
.footer_link {
	display: none;
}
.banner_area {
	display: none !important;
}
#syzjbn {
	display: none;
}
#mbsybn {
	display: block;
}
#sypronav1 {
	display: none !important;
}
#sypronav2, #sypronav3 {
	display: block !important;
}
#sypronav2 .hls-page-prodcut {
	padding-top: 8%;
	padding-bottom: 0!important;
}
#sypronav3 .hls-page-prodcut {
	padding-bottom: 6%;
	padding-top: 5%!important;
}
#sypronav2 .prodcutnav a h5, #sypronav3 .prodcutnav a h5 {
	font-weight: normal;
	font-size: 14px!important;
}
.container {
	margin: auto 2%!important;
}
.certification {
	margin-left: 2%!important;
}
.hls-page-case .ptitle h3 {
	left: 2%;
}
.serviceconsulting {
	width: 96%;
	font-size:16px;
}
.index-about .about-item .content {
	width: 96%!important;
	margin: auto 2%!important;
}
.serviceconsulting  h3 {
	font-size: 18px;
	line-height: 28px;
}
.serviceconsulting  h4 {
	font-size: 16px;
}
.serviceconsulting  p {
	font-size: 14px;
	line-height: 26px;
}
.serviceconsulting  h5 {
	font-size: 14px;
	padding-bottom: 5px;
}
}
 

/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
}

/* phone 678 */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
}

/* phone 678 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
}


/* phone x �?微信内高*/
@media only screen and (device-width : 375px) and (device-height : 812px) {
}


/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {
}


/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}


/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/*兼容IE11*/
@media screen and(-ms-high-contrast:active), (-ms-high-contrast:none) {
}

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.product-range-list {
	width: 90%;
}
.evcharger-solution-nav a {
	padding: 0 25px;
}
.evcharger-solution-nav a span {
	font-size: 14px;
}
.screen-banner-bottom-nav a {
	height: 50px;
	line-height: 50px;
	font-size: 15px;
}
.screen-banner-swiper .screen-banner-slide .line {
	margin: 0px auto;
}
.product-range-list .item .text h5, .evcharger-advantage .item3 .text {
	font-size: 12px;
	line-height: 22px;
}
.about-company-qualification .main {
	right: 0;
}
.swiper-history .swiper-history-time .year-num {
	padding-top: 145px;
}
.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {
	margin-top: -20px;
}
.investors-relations .main .title-style h2 {
	font-size: 30px;
}
.investors-relations .main .title-style h4 {
	font-size: 40px;
}
.investors-date {
	width: 70%;
	padding: 3% 5%;
	margin: 20px auto auto;
}
.investors-date .left .ld2 .txt1 {
	font-size: 40px;
}
.investors-date .right li {
	width: 22%;
}
.swiper-history {
	margin-top: -40px;
}
#bdmap {
	height: 700px!important;
}
.contact-bottom .right .content-way .item {
	padding: 20px 0;
}
.screen-1-1 .text {
	width: 70%;
}
.screen-1-3 .left {
	width: 41%;
	padding: 0 5% 0 5%;
}
.screen-1-3 .left .item3 a h4 {
	font-size: 14px;
}
.screen .title h4 {
	font-size: 30px;
}
.screen-1-3 .left .item3 a {
	margin-top: 10px;
}
.screen-1-3 .left .item3 {
	width: 100%;
}
.screen-1-4 .text {
	padding-top: 10px;
	width: 90%;
}
.screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main, .screen-2-2 .main, .screen-2-4 .main, .screen-2-6 .main, .screen-3-1 .main, .screen-3-4 .main, .screen-3-5 .main, .screen-3-6 .main, .screen-3-8 .main, .screen-4-2 .main, .screen-4-6 .main {
	left: 5%;
}
.screen-1-1 .main, .screen-1-5 .main, .screen-1-6 .main {
	width: 500px;
}
.screen-1-6 .rightpic {
	width: 70%;
}
.screen-1-6 .rightpic .item4 a {
	padding: 0;
}
.screen-1-7 .item3 a {
	width: 250px;
	height: 250px;
}
.screen .title h2 {
	font-size: 30px;
}
.screen-2-1 .main .title {
	padding-top: 10px;
}
.date3 li h3 {
	font-size: 30px
}
.date3 li h3 i {
	font-size: 24px;
}
.date3 li {
	padding: 0 20px;
}
.screen-2-3 .main .text {
	margin-bottom: 200px;
}
.screen-3-1 .main .text, .screen-3-8 .main .text {
	width: 70%;
}
.screen-3-4 .main .text {
	width: 65%;
}
.screen-7 .swiper-right {
	margin-top: 0px;
	height: 710px;
}
.screen-7 .right {
	padding-bottom: 0;
}
.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {
	bottom: 0px;
}
.swiper-tab-screen .swiper-button-next {
	right: 0px;
}
.swiper-tab-screen .swiper-button-prev {
	right: 102px;
}
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.index-about .img img {
	max-width: 240%;
	width: 240%;
}
.index-about .about-item .right .item li {
	padding: 15% 5% 15% 10%;
	position: relative
}
.index-about .item .img {
	display: none;
}
.index-interesting-list a .img img.img-center {
	width: 100%!important;
}
.contact-section .content .left .content-way li i, .contact-section .content .left .content-way li span {
	display: inline-block;
	text-align: left;
	padding-top: 0px;
}
.contact-section .content .left .content-way li span {
	padding-left: 10px;
}
.contact-section .content .left .content-map iframe {
	width: 100%;
}
.index-interesting, .contact-section, .product-range, .interesting-video, .Contact-our-team, .contact-bottom .right, .interesting-detail, .interesting-other {
	padding: 10% 0;
}
.mbshow, .screen-banner-swiper .screen-banner-slide .img img, .interesting-video-list .item.img-3 .img img.img-center, .video-list a .img img.img-center, .video-list-bottom a .img img.img-center, .download-list a .img img.img-center, .interesting-list a .img img.img-center {
	width: 100%!important;
}
.interesting-list a .text {
	height: auto;
}
.interesting-list a .text h5 {
	margin: 20px 0 0px;
}
.product-range-list .item-2 .text h5 {
	min-height: 44px;
}
.screen-2 .img video {
	width: 100%;
}
.product-top-nav .content .left {
	display: block;
}
.product-top-nav .content .right {
	width: 50%;
	float: right;
}
.page-banner .img img.pcshow {
	display: block!important;
}
.page-banner .img img.mbshow {
	display: none!important;
}
.screen-banner-swiper .screen-banner-slide .img img.pcshow {
	display: block!important;
}
.screen-banner-swiper .screen-banner-slide .img img.mbshow {
	display: none!important;
}
.screen-banner-swiper .screen-banner-slide .text.center h1 {
	margin-top: 5%;
}
.our-project-swiper-3 {
	width: 100%;
}
.interesting-video {
	padding: 10% 0 0 0;
}
.screen-banner-swiper .screen-banner-slide .text h1 {
	margin-top: 10%;
}
.development-history .top .title-style {
	margin-top: 45%;
}
.index-products-center .bottom5 a:first-child {
	width: 50%;
}
.index-products-center .bottom5 a {
	width: 50%;
}
.index-newslist a {
	width: 50%;
}
.index-newslist a:last-child {
	display: none;
}
.contact-section .content .left .content-way li {
	width: 33%;
}
.contact-section .content .left .content-way li:last-child {
	width: 100%;
}
.cd-nav li a.twonav, .mchildren a.threenav {
	background: url(../upload/right3.png) right center no-repeat;
	background-size: 1.5%;
}
}
/* all iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
}
/* x iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
}
/* y iPad pro */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
.banner-slide .txt {
	margin-top: -130px;
}
.index-about .img img {
	max-width: 140%;
	width: 140%;
}
.banner-slide .img img.pcshow {
	display: block!important;
	height: auto!important;
}
.banner-slide .img img.mbshow {
	display: none!important;
}
}